<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!--引入 favicon 图标-->
  <link rel="shortcut icon" href="./bitbug_favicon.ico"/>
  <!--引入初始化样式文件-->
  <link rel="stylesheet" href="./css/base.css">
  <!--引入register的css样式文件-->
  <link rel="stylesheet" href="./css/register.css">
  <title>注册页面</title>
</head>
<body>
<div class="w">
  <header>
    <div class="logo">
      <a href="index.html">
        <img src="./images/logo.png" alt="">
      </a>
    </div>
  </header>
  <div class="registerarea">
    <h3>注册新用户
      <div class="login">我有账号，去 <a href="#" class="registerarea_login">登录</a></div>
    </h3>
    <div class="reg_form">
      <!--所有的表单都需要用一个表单域包裹-->
      <from>
        <ul>
          <li>
            <label for="">手机号:</label>
            <input type="text" class="inp">
            <span class="error"> <i class="right"></i>手机号格式正确</span>
          </li>
          <li>
            <label for="">短信验证码:</label>
            <input type="text" class="inp">
          </li>
          <li>
            <label for="">登录密码:</label>
            <input type="password" class="inp">
            <span> <i class="error_ico"></i>格式不正确请重新输入</span>
          </li>
          <li class="safe">安全程度
            <em class="puniness">弱</em><em class="centre">中</em><em class="strong">强</em>
          </li>
          <li>
            <label for="">确认密码:</label>
            <input type="password" class="inp">

          </li>
          <li class="agree">
            <input type="checkbox">
            同意协议注册
            <a href="#">《知晓用户协议》</a>
          </li>
          <li class="refer">完成注册</li>
        </ul>
      </from>
    </div>
  </div>
  <!--底部模块的制作-->
  <footer class="footer">
    <div class="w">
      <div class="mod_copyright">
        <div class="links">
          <a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 | 品优购公益 | English
          Site | Contact U
        </div>
        <div class="copyright">
          地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
          京ICP备08001421号京公网安备110108007702
        </div>
      </div>
    </div>
  </footer>
</div>
</body>
</html>
